<template>
<div class="clientSide">
    <div class="side-box clear">
        <div class="same_box left">
            <div class="btn-w">
                <a class="icon-android left">Android</a>
                <div class="right download">
                    <h3 style="text-align: center;">Android客户端</h3>
                    <div class="img">
                        <img src="https://066981.com/upload/admin/20180419/012d2b73348f7110bd58abbafa9eb322.png">
                    </div>
                </div>
            </div>
        </div>
        <div class="same_box right">
            <div class="btn-w">
                <a class="icon-iPhone right">iPhone</a>
                <div class="left download">
                    <h3 style="text-align: center;">iPhone客户端</h3>
                    <div class="img">
                        <img src="https://066981.com/upload/admin/20180419/012d2b73348f7110bd58abbafa9eb322.png">
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
</template>

<script>
export default {
    name:"clientSide",
    data(){
        return{

        }
    },
    computed:{

    },
    methods:{

    }
}
</script>

<style scoped>
.clear{
    clear: both;
}
.clientSide {
    padding: 20px 0 40px 0;
    margin-top: 20px;
    clear: both;
}
.side-box{
    width: 600px;
    margin: 0 auto;
}
.same_box{
    height: 151px !important;
    width: 260px;
}
.same_box .icon-android {
    display: block;
    width: 100px;
    height: 25px;
    background: url(http://119.28.54.66:9031/themes/simpleboot3/public/assets/game/images/nsc/login/nsc_login_download_icon.png) no-repeat;
    text-indent: -9999px;
}
.same_box .icon-iPhone {
    display: block;
    width: 100px;
    height: 25px;
    background: url(http://119.28.54.66:9031/themes/simpleboot3/public/assets/game/images/nsc/login/nsc_login_download_icon.png) no-repeat 0 -26px;
    text-indent: -9999px;
}
.download{
    width: 130px;
}
.same_box .img img {
    background: #fff;
    border: 2px solid #e0e0e0;
    padding: 9px;
    width: 130px;
    height: 130px;
}
.btn-w a{
    margin-top: 60px;
}
</style>
